 <ion-view view-title="发现" id="find" hide-tabs="false">
  <ion-header-bar align-title="center" class="bar-positive" id="bor">
        <h1 class="title">发现</h1>
  </ion-header-bar>
  <ion-tabs class="tabs-positive tabs-striped tabs-top">  
    <ion-tab title="最新活动" >  
      <ion-view >  
          <ion-content id="shop_active" class="APP_BG_color" style="padding-bottom:40px;" [scroll="true"] [overflow-scroll="true"]>  

            <!-- <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>  -->

             <ul class="list" >
              <li class="item" ng-repeat="item in data" ui-sref="tab.active_details({active_id:item.act_id})">
                 <img ng-src="{{Images_IP+item.act_pic}}" alt="最新活动图片"> 
                 <p>活动时间:{{item.act_start | date:'yyyy.MM.dd'}} - {{item.act_end | date:'yyyy.MM.dd'}}</p>
              </li>
              <!-- <li class="item">
                <img ng-src="img/shop_active.jpg" alt="最新活动图片">
                <p>活动时间:2017.12.30 - 2018-1-11</p>
              </li> -->
            </ul> 
            <p ng-show="nomoreData" class="nomoreData">我也是有底线的~</p>
            <ion-infinite-scroll ng-if="moreData" on-infinite="loadMore()" immediate-check="false"
                             distance="10%"></ion-infinite-scroll> 
           
          </ion-content> 
      </ion-view>  
    </ion-tab>  
    <ion-tab title="品牌目录">  
      <ion-view>  
          <ion-content  id="brand" [scroll="true"] [overflow-scroll="true"] >  
            <div class="row header">
               <div class="col-80">
                 <div ng-show="is_floor"><!--显示楼层-->
                    <ion-scroll direction="x" >
                      <div id="btn_content" style="width:470px;" >
                        <!-- <a class="scroll_x" ng-click="is_active(1)" ng-class="{true: 'actives', false: 'inactive'}[i == 1]">F1</a>
                        <a class="scroll_x" ng-click="is_active(2)" ng-class="{true: 'actives', false: 'inactive'}[i == 2]">F2</a>  -->
                        <a class="scroll_x" ng-repeat="x in floors" ng-click="is_active(x.floor_id)" ng-class="{true: 'actives', false: 'inactive'}[i == x.floor_id]">{{x.floor_num}}</a>
                      </div>  
                    </ion-scroll> 
                 </div>
                 <div ng-show="is_select"><!--显示输入框，或者下拉框-->

                  <!-- <select ng-init="selected.zdxId = shop_type[0].zdxId"  ng-model="selected.zdxId" ng-options="x.zdxId as x.zdxName for x in shop_type" ng-change="get_shop_list(selected.zdxId)">
                  </select>  -->
                  <select  ng-model="selected"  ng-change="get_shop_list(selected)">
                    <option ng-repeat="x in shop_type" value="{{x.zdxId}}">{{x.zdxName}}</option>
                  </select>    
                </div> 
              </div>
              <div class="col-20" >
                <span ng-click="show()" >{{show_type}}</span>
               </div>
              </div>
              <!-- 店铺展示区 -->
              <div class="shop_display">
                <div style="padding-left:15px;">
                  <div class="floor">
                    <p>{{floor.floor_title}}<span class="right">{{floor.floor_num}}</span></p>
                  </div>
                </div>
                <div class="shop_lists">
                  <div class="list" ng-repeat="x in shop_lists" ui-sref="tab.pinpai_detail({shop_id:x.shop_id})">
                    <div class="circle">
                      <img ng-src="{{IMG+x.shop_logo}}" alt="店铺图标" class="shop_logo">
                      <img ng-src="img/icons/recommend.png" alt="推荐图标" class="recommend" ng-show="x.isRecommend"> 
                    </div>
                    <p class="name">{{x.shop_name}}</p>
                  </div>
                  <!-- <div class="list">
                    <div class="circle">
                      <img ng-src="img/pinpai.png" alt="店铺图标" class="shop_logo">
                      <img ng-src="img/icons/recommend.png" alt="推荐图标" class="recommend"> 
                      <p class="name">欧碧泉</p>
                    </div>
                  </div> -->
                  <div class="clear" style="padding-bottom:20px;" ></div>
                </div>
              </div>
          </ion-content>  
      </ion-view> 
    </ion-tab> 
    <ion-tab title="商场服务" >  
      <ion-view>  
          <ion-content id="service" [scroll="true"] [overflow-scroll="true"]>  
            <!-- <div class="row">
              <div class="col-33" ng-click="n_alert()">
                <img ng-src="img/icons/Restaurant.png" alt="餐饮服务">
                <p>餐饮服务</p>
              </div>
              <div class="col-33"  ui-sref="tab.mall_notice">
                <img ng-src="img/icons/Notice.png" alt="商场公告">
                <p>商场公告</p>
              </div>
              <div class="col-33"  ui-sref="tab.lost">
                <img ng-src="img/icons/Lost.png" alt="失物招领">
                <p>失物招领</p>
              </div>
            </div> -->
            <div class="APP_BG_color " style=" border-top:1px solid #ddd; border-bottom:1px solid #ddd;"> 
              <div class="grids">
                <!-- <div class="grid" ng-repeat="x in service_list">
                  <img ng-src="{{service_logo_IP+x.type_pic}}" alt="logo">
                  <p>{{x.type_name}}</p>
                </div> -->
                <!-- <div class="grid">
                  <img ng-src="img/icons/Notice.png" alt="商场公告">
                  <p>商场公告</p>
                </div>
              </div> -->
              <img src="https://sjh-js.oss-cn-shanghai.aliyuncs.com/icon/serve.png" alt="" style="width:100%;"> 
              <p class="tel">
                  <!-- <a href="tel:{{service_tel}}" class="a_btn"> 我要预约{{service_tel}}</a>   -->
                  <a href="tel:02168598881" class="a_btn"> 我要预约021-6859-8881</a>  
              </p>
            </div>
          </ion-content>  
      </ion-view>
    </ion-tab>  
  </ion-tabs>  
</ion-view> 



